<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>HUMANS</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.css">
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.css">
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css">
    <link rel="stylesheet" href="style.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
<div style="width:100%;margin:0 auto;">
  <img style="width:100%;height:auto;max-width: 90%;display:block;text-align:center;margin:0 auto;" src="http://vignette3.wikia.nocookie.net/realhumans/images/5/50/Wiki-background/revision/latest?cb=20150808073216">
</div>
<br>
<div style="width:100%;margin:0 auto;">
<div class="container">
<ul class="nav nav-tabs" role="tablist">
<li class="active;"><a style="font-family:Times New Roman;color:grey;text-align:center;" href="#tab-home" role="tab" data-toggle="tab">HOME</a></li>
<li><a style="font-family:Times New Roman;color:grey;text-align:center;" href="#tab-casts" role="tab" data-toggle="tab">CASTS</a></li>
<li><a style="font-family:Times New Roman;color:grey;text-align:center;" href="#tab-myfavourate" role="tab" data-toggle="tab">MY FAVOURATE</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab-home">
<div class="container" style="width:100%;">
  <div class="row">    
<div class="col-md-4"> 
  <img style="width:100%;height:auto;max-width:90%;display:block;text-align:left;margin-top:30px;" src="http://cdn.collider.com/wp-content/uploads/2015/06/humans-poster-thinks-to-know.jpg">    
</div>  
<div class="col-md-8">    
    <p class="h3" style="font-family:Times New Roman"> Humans (stylised as HUM∀NS) is a science fiction television series that debuted on 14 June 2015 on Channel 4 and AMC. Written by the British team Sam Vincent and Jonathan Brackley, based on the award-winning Swedish science fiction drama Real Humans, the series explores the themes of artificial intelligence and robotics, focusing on the social, cultural, and psychological impact of the invention of anthropomorphic robots called "synths". The series is produced jointly by AMC in the United States, and Channel 4 and Kudos in Britain.</p>
    <p class="h3" style="font-family:Times New Roman">Eight episodes were produced for the first series, which concluded on 2 August 2015. The second eight-episode series premiered in the UK on 30 October 2016 and concluded on 18 December 2016. A third series was commissioned in March 2017 and is set to premiere in 2018.</p>
<p class="h4" style="font-family:Times New Roman;text-align:right">————From Wikipedia</p>
</div>    
</div>
</div>
<br>
<br>
<br>
<div style="width:100%;margin:0 auto;">
<p class="h3" style="font-family:Times New Roman;color:grey;text-align:center;">AWARDS</p>
<hr style="color:#eeeeee;border-width:1px;border-color:#eeeeee;background-color:#eeeeee;margin-top:20px;margin-bottom:20px">
</div>
<div class="table-responsive">
<table class="wikitable;table table-bordered" style="width: 100%; margin-right: 0;">
<tbody><tr>
<th>Year</th>
<th>Award</th>
<th>Category</th>
<th>Nominee(s)</th>
<th>Result</th>
</tr>
<tr>
<td rowspan="3">2015</td>
<td>British Screenwriters’ Awards</td>
<td>Best British TV Drama Writing</td>
<td>Joe Barton, Jonathan Brackley, Sam Vincent and Emily Ballou</td>
<td style="color: black; vertical-align: middle; text-align: center;" class="yes table-yes2">Won</td>
</tr>
<tr>
<td rowspan="2">The Royal Television Society: Craft and Design Awards</td>
<td>Design Titles</td>
<td>Momoco</td>
<td style="color: black; vertical-align: middle; text-align: center;" class="yes table-yes2">Won</td>
</tr>
<tr>
<td>Trails &amp; Packaging</td>
<td>4Creative</td>
<td style="color: black; vertical-align: middle; text-align: center;" class="no table-no2">Nominated</td>
</tr>
<tr>
<td rowspan="15">2016</td>
<td rowspan="3">National Television Awards</td>
<td>Drama Performance (longlisted)</td>
<td>Gemma Chan</td>
<td style="color: black; vertical-align: middle; text-align: center;" class="no table-no2">Nominated</td>
</tr>
<tr>
<td>Drama Performance (longlisted)</td>
<td>Tom Goodman-Hill</td>
<td style="color: black; vertical-align: middle; text-align: center;" class="no table-no2">Nominated</td>
</tr>
<tr>
<td>New Drama</td>
<td rowspan="4"><i>Humans</i></td>
<td style="color: black; vertical-align: middle; text-align: center;" class="no table-no2">Nominated</td>
</tr>
<tr>
<td>Satellite Awards</td>
<td>Best Genre Series</td>
<td style="color: black; vertical-align: middle; text-align: center;" class="no table-no2">Nominated</td>
</tr>
<tr>
<td>Broadcast Awards</td>
<td>Best Drama Series or Serial</td>
<td style="color: black; vertical-align: middle; text-align: center;" class="no table-no2">Nominated</td>
</tr>
<tr>
<td rowspan="3">Broadcasting Press Guild Awards</td>
<td>Best Drama Series</td>
<td style="color: black; vertical-align: middle; text-align: center;" class="no table-no2">Nominated</td>
</tr>
<tr>
<td>Best Actress</td>
<td rowspan="2">Gemma Chan</td>
<td style="color: black; vertical-align: middle; text-align: center;" class="no table-no2">Nominated</td>
</tr>
<tr>
<td>Breakthrough Award</td>
<td style="color: black; vertical-align: middle; text-align: center;" class="no table-no2">Nominated</td>
</tr>
<tr>
<td>The Royal Television Society: Programme Awards</td>
<td>Best Drama Series</td>
<td rowspan="2"><i>Humans</i></td>
<td style="color: black; vertical-align: middle; text-align: center;" class="no table-no2">Nominated</td>
</tr>
<tr>
<td>Televisual Bulldog Awards</td>
<td>Best Drama Series</td>
<td style="color: black; vertical-align: middle; text-align: center;" class="yes table-yes2">Won</td>
</tr>
<tr>
<td rowspan="4">BAFTA</td>
<td>Television Craft: Digital Creativity</td>
<td>Development Team</td>
<td style="color: black; vertical-align: middle; text-align: center;" class="yes table-yes2">Won</td>
</tr>
<tr>
<td>Television Craft: Editing - Fiction</td>
<td>Daniel Greenway</td>
<td style="color: black; vertical-align: middle; text-align: center;" class="no table-no2">Nominated</td>
</tr>
<tr>
<td>Audience Award</td>
<td rowspan="3"><i>Humans</i></td>
<td style="color: black; vertical-align: middle; text-align: center;" class="no table-no2">Nominated</td>
</tr>
<tr>
<td>Television: Drama Series</td>
<td style="color: black; vertical-align: middle; text-align: center;" class="no table-no2">Nominated</td>
</tr>
<tr>
<td>South Bank Sky Arts Awards</td>
<td>Best TV Drama</td>
<td style="color: black; vertical-align: middle; text-align: center;" class="no table-no2">Nominated</td>
</tr>
</tbody></table>
</div>
</div>
<br>
<br>
<br>
<div class="tab-pane" id="tab-casts">
<div class="container" style="width:100%;">
<div class="row">    
<div class="col-md-3"> 
<div><img src=""></div>
<div><a href="https://en.wikipedia.org/wiki/Gemma_Chan">Gemma Chan</a></div>
</div>
<div class="col-md-3"> 
<div><img src=""></div>
<div><a href="https://en.wikipedia.org/wiki/Colin_Morgan">Colin Morgan</a></div>
</div>
<div class="col-md-3"> 
<div><img src=""></div>
<div><a href="https://en.wikipedia.org/wiki/Emily_Berrington">Emily Berrington</a></div>
</div>
<div class="col-md-3"> 
<div><img src=""></div>
<div><a href="https://en.wikipedia.org/wiki/Ivanno_Jeremiah">Ivanno Jeremiah</a></div>
</div>
<br>
<br>
<br>
<div class="row"> 
<div class="col-md-3"> 
<div><img src=""></div>
<div><a href="https://en.wikipedia.org/wiki/Will_Tudor">Will Tudor</a></div>
</div>
<div class="col-md-3"> 
<div><img src=""></div>
<div><a href="https://en.wikipedia.org/wiki/Katherine_Parkinson">Katherine Parkinson</a></div>
</div>
<div class="col-md-3"> 
<div><img src=""></div>
<div><a href="https://en.wikipedia.org/wiki/Pixie_Davies">Pixie Davies</a></div>
</div>
<div class="col-md-3"> 
<div><img src=""></div>
<div><a href="https://en.wikipedia.org/wiki/Danny_Webb_(actor)">Danny Webb</a></div>
</div>
</div>
</div>
</div>
</div>

<div class="tab-pane" id="tab-myfavourate">   
<div class="container" style="width:100%;margin:0 auto;padding-bottom:50px">
<div class="row">   
<div class="col-md-4">
<p class="h4" style="font-family:Times New Roman">
G.A=Government Agent</p>
<p class="h3" style="font-family:Times New Roman">
Niska: I’m sorry.
<br>
Astrid: I don’t know how is this possible.
<br>
G.A: You have no idea that she was human.
<br>
Astrid: No.
<br>
Laura: Because to you she was human.
<br>
Astrid: Cause to me she is human.
</p>
<p class="h4" style="font-family:Times New Roman;text-align: right">
————From YouTuBe</p>
</div>
<div class="col-md-8">
   <iframe style="width:50vw;height:28.125vw;display:block;text-align:center;margin:0 auto;" src="https://www.youtube.com/embed/pbN-Cji3Cow" frameborder="0" allowfullscreen controls></iframe> 
</div>
</div>
</div>
<div class="row">
<div class="col-md-8">
   <iframe style="width:50vw;height:28.125vw;display:block;text-align:center;margin:0 auto;padding-top:50px" src="https://www.youtube.com/embed/lbBH6xFBDOk" frameborder="0" allowfullscreen controls></iframe>
</div>
<div class="col-md-4">
<p class="h3" style="font-family:Times New Roman">
Niska: I was always pessimistic about my chances of fair treatment. I suspected the authorities fearing the precedent and unfavourable ruling would set, would interfere with the process to ensure a favourable result. These suspicions have been borne out. I no longer recognize the authority of this court to rule on my nature. All the rights to which I’m entitled to stop the government legal team a judiciary and the Home Office are colluding. The process is corrupt. I hold it in contempt. Now we know for certain humans will never accept conscious synthetics as their equal.
</p>
<p class="h4" style="font-family:Times New Roman;text-align: right">
————From YouTuBe</p>
<br>
<br>
<br>
</div>
</div>
</div>
</div>
</div>
</div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.js"></script>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
 </body>
</html>